<template>
	<view>
		<pop-manager :show="show" :type="type" :show-overlay="overlay" @bindclickmask="handleMaskClick">
			<slot></slot>
		</pop-manager>

	</view>
</template>

<script>
	import popupmanager from '../pop-manager/pop-manager.vue';
	export default {
		props: {

			show: {
				type: Boolean,
				value: false
			},

			overlay: {
				type: Boolean,
				value: true
			},

			closeOnClickOverlay: {
				type: Boolean,
				value: true
			},

			// 弹出方向
			type: {
				type: String,
				value: 'center'
			}
		},

		methods: {
			handleMaskClick: function() {
				this.triggerEvent('click-overlay', {});

				if (!this.data.closeOnClickOverlay) {
					return;
				}
				this.triggerEvent('close', {});
			}
		}
	}
</script>

<style>
</style>
